import Vue from 'vue'
import VueRouter from 'vue-router'
import MyVc from '../views/MyVc.vue'
import SearchSongs from '../views/SearchSongs.vue'
import MyHeader from '../views/MyHeader.vue'
import MyRadio from '../views/MyRadio.vue'


Vue.use(VueRouter)

const routes = [{
        path: '/',
        name: 'MyVc',
        component: MyVc,
        children: [{
            path: '/MyHeader',
            name: 'MyHeader',
            component: MyHeader,
        }]
    },
    {
        path: '/SearchSongs',
        name: 'SearchSongs',
        component: SearchSongs
    },
    {

        path: '/MyRadio',
        name: 'MyRadio',
        component: MyRadio
    },
]

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})

export default router